<template>
	<view class="page" style="padding-top: 64px;">
		<navview title="个人中心"/>
		<!-- profile -->
		<view style="padding: 12px;background-color: #FFFFFF;flex-direction: row;">
			<image src="@/static/logo.png" style="width: 72px;height: 72px;border-radius: 36px;" mode=""></image>
			<!-- nickname -->
			<view style="flex: 1;padding-left: 12px;justify-content: center;">
				<view style="flex-direction: row;">
					<input type="text" value="张三"/>
					<view style="flex: 1;flex-direction: row-reverse;">
						<text class="iconfont iconedit" style="font-size: 20px;"></text>
					</view>
				</view>
				<text style="margin-top: 5px;font-size: 12px;color: #999999;">202010161058</text>
			</view>
		</view>
		
		
		
		<!-- list -->
		<view style="flex: 1;background-color: #f6f6f6;display: block;">
			<!-- sesstion header -->
			<view style="padding: 5px;padding-left: 12px;">
				<text style="font-size: 14px;color: #666666;">我的</text>
			</view>
			
			<!-- cell -->
			<view v-for="n in 4" :key="n" style="padding-left: 12px;padding-right: 12px;background-color: #FFFFFF;">
				<view style="align-items: center;flex-direction: row;justify-content: space-between;background-color: #FFFFFF;padding-top: 12px;padding-bottom: 12px;">
					<text style="font-size: 14px;color: #333333;">我的话题</text>
					<text class="iconfont iconarrow-right"></text>
				</view>
				<!-- line -->
				<view style="height: 1px;background-color: #e5e5e5;"/>
				
			</view>
			
			
			
		</view>
		
	</view>
</template>

<script>
	import navview from "@/cmps/navview.vue"
	export default {
		components:{
			navview
		}
	}
</script>

<style>
</style>
